
$(function () {
    // 调用 getUserInfo 获取用户基本信息
    getUserInfo()

    // 退出按钮 点击事件
    $('#btnLogout').on('click', function () {
        layer.confirm('确定退出登录么', { icon: 3, title: '提示' }, function (index) {
            // 清空储存的token
            sessionStorage.removeItem('token');
            // 重新跳转到登录到登录页面
            location.replace('/login.html')
            // 关闭confirm询问框
            layer.close(index);
        });
    })


    // 定义 用户中心 显示到方法，并添加给 window
    // 获取用户的基本信息
    function getUserInfo() {
        $.ajax({
            method: 'GET',
            url: '/my/userinfo',
            // headers: {
            //     Authorization: sessionStorage.getItem('token') || ''
            // },
            success(res) {
                if (res.status !== 0) {
                    return
                }
                // console.log(res);
                renderInfo(res.data)
            },
            // complete(xhr) {//不管怎样 都会执行
            //     // 统一判断返回的响应报文中是否告知没有登录
            //     if (xhr.responseJSON.status === 1) {
            //         layui.layer.alert('亲,您好像没有登录哦', function (index) {
            //             // 如果没有登录，则跳转到登录界面
            //             location.replace('/login.html')
            //             // 删除 本地浏览器保存的token(失效或者伪造的token)
            //             sessionStorage.removeItem('token');
            //             // 关闭当前确认框
            //             layer.close(index);
            //         })
            //     }
            // }

        })
    }

    // 渲染头像区域
    function renderInfo(userInfo) {
        // 获取显示的名称（昵称/登录名）
        const userName = userInfo.nickname || userInfo.username
        // console.log(userName);
        // 显示名称
        $('#welcome').text('欢迎' + userName)
        // 渲染 图片头像
        if (userInfo.user_pic) {
            // 设置并显示图片头像
            $('.layui-nav-img').attr('src', userInfo.user_pic).show();
            // 显示文字头像
            $('.text-avatar').hide();
        } else {//渲染文字头像
            // 设置并显示图片头像
            $('.layui-nav-img').hide();
            // 隐藏文字头像
            $('.text-avatar').text(userName[0].toUpperCase()).css('display', 'inline-block')
        }
    }


    // 将 获取用户信息方法 设置为全局方法 
    window.getUserInfo = getUserInfo
})


